*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  height: 100%;position: relative;background: #f1f1f1;overflow: hidden;
  &>div{
    overflow: scroll;
  }
}
html{
  height: 100%;
}
.content{
  bottom: 50px;
}
.flex-box{
  display: flex;
}
.justify-content--center{
  justify-content: center;
}
.justify-content--around{
  justify-content: space-around
}
.justify-content--between{
  justify-content: space-between
}
.justify-content--start{
  justify-content: flex-start;
}
.align-items--center{
  align-items: center;
}
.align-items--end{
  align-items: flex-end;
}
.flex-direction--column{
  flex-direction: column;
}
.float--right{
  float: right;
}

.text-align--center{
  text-align: center;
}
.text-align--right{
  text-align: right;
}
.bgWhite{
  background: #fff;
}
.bgBody{
  background: #f1f1f1;
}
.bgTheme{
  background: #d087b4;
}
.color-theme{
  color: #d087b4
}
.absolute{
  position: absolute;
}
.fixed{
  position: fixed;
}
.btn-theme{
  background: #d087b4;
  min-width: 50px;
  height: 25px;
  line-height: 25px;
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 0px 5px;
  border-radius: 4px;
  text-indent: 0;
}
.myContent{
  background:url(../image/back1.png);
  padding-top: 20px;
  padding-bottom: 20px;
}
li{list-style: none}
a{
  text-decoration: none;
}
#modal{
  display: none;
}
.moreInfo{
  text-align: center;
}
@import "./directive/golbalFooter.less";
@import "./directive/golbalHeader.less";